/*- CSS stylesheet */

/*- style.css ~~
 *                                                      ~~ (c) SRW, 07 Oct 2013
 *                                                  ~~ last updated 01 Dec 2013
 */

@media all {

    body {

     /* Twitter Bootstrap's fixed navbar overlays other content unless you add
      * padding to the top of the body, and by default the navbar is 50 pixels
      * tall. */

        background-color: #f8f8f8;
        padding-bottom: 0;
        padding-top: 50px;

    }

    canvas {

        border: 1px solid #f8f8f8;

    }

    noscript {

     /* Heaven forbid that someone thinks the app isn't working just because
      * they have JavaScript turned off, but just in case ... */

        color: red;
        font-size: 200%;

    }

}

@media (max-width: 767px) {

 /* We are using the navbar-brand as a dropdown instead of as a link, which is
  * not supported in Bootstrap 3.0.2. Everything looks fine on large screens,
  * and this rule indents the brand correctly so that it aligns with the left
  * edge of the body for small screens. */

    .navbar-brand {
        margin-left: 15px;
    }

}

/*- vim:set syntax=css: */
